@charset "utf-8";
body{min-width: 1400px;}
.w1400{width: 1400px;margin: 0 auto;overflow: hidden;min-width: 1400px;}
.w1200{width: 1200px;margin: 0 auto;overflow: hidden;min-width: 1200px;}
.top{height: 80px;position: fixed;top: 0;left: 0;min-width: 1400px;width: 100%;box-sizing: border-box;padding: 17px 0;z-index: 99;background: rgba(0, 0, 0, 0.4);}
.logo{width: 313px;height: 46px;background: url(../images/logo.png) 0 0 no-repeat;}
.top .w1400{display: flex;justify-content: space-between;align-items: center;}
.top .top-cont{margin-left: 83px;height: 58px;display: flex;align-items: center;}
.top .top-cont i{width: 62px;height: 58px;background: url(../images/topicon.png) 0 0 no-repeat;}
.top .top-cont .top-cont-text{width: auto;height: 40px;margin-left: 22px;border-left: 2px solid #000;padding-left: 19px;}
.top .top-cont .top-cont-text h1{width: 100%;line-height: 21px;line-height: 21px;font-size: 16px;}
.top .top-cont .top-cont-text span{width: 100%;line-height: 15px;margin-top: 6px;}
.nav{width: auto;height: 46px;display: flex;margin-left: 30px;}
.nav li{width: 83px;margin-left: 10px;height: 46px;}
.nav li a{display: block;line-height: 46px;font-size: 16px;color: #fff;text-align: center;}
.iphone{padding-left: 41px;line-height: 46px;background: url(../images/iphone.png) 0 center no-repeat;font-size: 24px;font-weight: bold;color: #fff;}
.language{display: flex;width: 66px;height: 38px;justify-content: space-between;}
.language a{display: block;width: 27px;height: 27px;border: 1px solid #fff;color: #fff;text-align: center;line-height: 27px;text-decoration: none;}
.language .s{background-color: #0066cb;}

.banner{height: 934px;position: relative;overflow: hidden;}
.banner .pic{ height:934px;overflow: hidden;}
.banner .pic li{float: left;height:934px;width: 100%; position: absolute;left: 0;top: 0;z-index: 1; background-position: center 0;background-repeat: no-repeat;}

.box1{height: 610px;background: url(../images/box1.jpg) center 0 no-repeat;}
.box-title1{width: 100%;margin-top: 25px;height: 69px;}
.box-title1 h1{display: block;width: 100%;height: 45px;line-height: 45px;text-align: center;font-size: 36px;color: #fff;background: url(../images/boxtitle1.png) center center no-repeat;}
.box-title1 span{display: block;width: 100%;height: 24px;line-height: 24px;color: #fff;text-align: center;font-size: 16px;}
.index-prodlist{width: 100%;display: flex;flex-wrap: wrap;margin-top: 20px;}
.index-prodlist li{width: 280px;height: 229px;position: relative;cursor: pointer;}
.index-prodlist li a{text-decoration: none;color: #333;}
.index-prodlist li .zhedang{position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background: url(../images/zhedang.png) 0 0 no-repeat;}
.index-prodlist li .zhedang span{display: block;width: 100%;margin-top: 121px;line-height: 30px;text-align: center;font-size: 20px;color: #fff;}
.index-prodlist li:hover .zhedang{position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background: url(../images/zhedangh.png) 0 0 no-repeat;}
.index-prodlist li:hover .zhedang span{color: #ea3e00;}
.box2{height: 520px;background: url(../images/box2.jpg) center 0 no-repeat;}
.box-title2{width: 100%;margin-top: 25px;height: 69px;}
.box-title2 h1{display: block;width: 100%;height: 45px;line-height: 45px;text-align: center;font-size: 36px;color: #0066cb;background: url(../images/boxtitle2.png) center center no-repeat;}
.box-title2 span{display: block;width: 100%;height: 24px;line-height: 24px;color: #0066cb;text-align: center;font-size: 16px;}
.box2-list{width: 100%;display: flex;justify-content: space-between;margin-top: 35px;}
.box2-list li{width: 300px;}
.box2-list li i{width: 132px;height: 132px;margin: 0 auto;display: block;}
.box2-list li .icon1{background: url(../images/icon1.png) 0 0 no-repeat;}
.box2-list li .icon2{background: url(../images/icon2.png) 0 0 no-repeat;}
.box2-list li .icon3{background: url(../images/icon3.png) 0 0 no-repeat;}
.box2-list li .icon4{background: url(../images/icon4.png) 0 0 no-repeat;}
.box2-list li:hover .icon1{background: url(../images/icon1h.png) 0 0 no-repeat;}
.box2-list li:hover .icon2{background: url(../images/icon2h.png) 0 0 no-repeat;}
.box2-list li:hover .icon3{background: url(../images/icon3h.png) 0 0 no-repeat;}
.box2-list li:hover .icon4{background: url(../images/icon4h.png) 0 0 no-repeat;}
.box2-list li h1{margin-top: 53px;width: 100%;height: 34px;line-height: 34px;font-size: 24px;color: #5f5f5f;text-align: center;}
.box2-list li .jiange{width: 100%;height: 1px;background-color: #d5d5d5;margin-top: 16px;}
.box2-list li .jiange div{width: 20px;margin: 0 auto;background-color: #5f5f5f;height: 1px;}
.box2-list li span{display: block;line-height: 24px;margin-top: 16px;color: #858585;}
.box3{height: 650px;background: url(../images/box3.jpg) center 0 no-repeat;}
.box3-cont{width: 720px;overflow: hidden;margin-top: 58px;}
.box3-cont-top{width: 100%;height: auto;}
.box3-cont-top h1{display: block;width: 100%;height: 47px;line-height: 47px;font-size: 38px;font-weight: bold;color: #fff;}
.box3-cont-top span{display: block;width: 100%;height: 44px;line-height: 44px;font-size: 24px;color: #fff;}
.box3-cont .box3-cont-top div{width: 48px;height: 2px;background-color: #fff;margin-top: 16px;}
.box3-cont span{display: block;line-height: 36px;margin-top: 34px;font-size: 16px;color: #fff;}
.box3-cont a{display: block;text-decoration: none;width: 168px;height: 44px;border: 1px solid #fff;text-indent: 20px;font-size: 16px;color: #fff;line-height: 44px;margin-top: 46px;background: url(../images/more.png) 115px center no-repeat}
.box4{height: 500px;background: url(../images/box4.jpg) center 0 no-repeat;}
.piclist{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 35px;}
.piclist li{width: 265px;}
.piclist li img{width: 265px;height: 250px;}
.piclist li span{display: block;width: 100%;height: 60px;line-height: 60px;background-color: #fff;font-weight: bold;color: #333333;font-size: 20px;text-align: center;}
.box5{height: 670px;background: url(../images/box5.jpg) center 0 no-repeat;}
.newslist{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 35px;}
.newslist li{width: 675px;height: 135px;box-sizing: border-box;padding: 25px 15px 25px 34px;background-color: #fff;margin-bottom: 20px;overflow: hidden;}
.newslist li a{display:flex;justify-content: space-between;text-decoration: none;height: 100%;}
.newslist li a .cont{width: 504px;}
.newslist li a .cont h1{display: block;width: 100%;height: 30px;margin-top: 6px;font-size: 20px;color: #333;}
.newslist li a .cont span{line-height: 24px;margin-top: 5px;color: #999;}
.newslist li a .date{border-left: 1px solid #cccccc;height: 100%;width: 100px;}
.newslist li a .date h1{display: block;line-height: 49px;margin-top: 6px;text-align: center;color: #333;font-size: 50px;}
.newslist li a .date span{display: block;height: 23px;line-height: 23px;margin-top: 11px;text-align: center;color: #333;}
.newslist li:hover{background-color: #0066cb;}
.newslist li:hover .cont h1,.newslist li:hover .cont span,.newslist li:hover .date h1,.newslist li:hover .date span{color: #fff;}
.bottom{height: 380px;background: url(../images/footer.jpg) center 0 no-repeat;}
.btlogo{width: 137px;height: 30px;background: url(../images/btlogo.png) 0 0 no-repeat;margin: 58px auto 0 auto;}
.btcont{width: 100%;display: flex;justify-content: space-between;margin-top: 61px;}
.btnav1{width: 298px;height: auto;}
.bttitle{width: 100%;height: 27px;font-size: 16px;color: #fff;margin-bottom: 20px;}
.btnavlist{width: 100%;display: flex;flex-wrap: wrap;}
.btnav1 .btnavlist a{width: 50%;height: 35px;line-height: 35px;color: #fff;font-size: 14px;text-decoration: none;}
.btnav2{width: 480px;height: auto;}
.btnav2 .btnavlist a{width: 25%;height: 35px;line-height: 35px;color: #fff;font-size: 14px;text-decoration: none;}
.btlxfs{width: 340px;}
.btlxfs span{line-height: 35px;color: #fff;}
.bterweima{width: 110px;}
.bterweima img{width: 110px;height: 110px;margin-top: 60px;}
.footer{width: 1005;line-height: 44px;text-align: center;color: #fff;}
.box6{height: 500px;background: url(../images/box6.jpg) center 0 no-repeat;}
.cjdnav{width: 100%;display: flex;justify-content: space-between;height: 48px;margin-top: 15px;}
.cjdnav a{text-decoration: none;color: #fff;background-color: #a4a4a4;width: 220px;height: 48px;display: flex;align-items: center;justify-content: center;font-size: 16px;}
.cjdnav a:hover{background-color: #0066cb;color: #fff;}
.cjlist{width: 100%;height: 288px;margin-top: 52px;display: flex;justify-content: space-between;}
.cjlist li{width: 265px;height: 177px;overflow: hidden;}
.cjlist li img{width: 265px;height: 177px;}
.pagebanner{height: 550px;}
.pagebanner1{background: url(../images/pagebanner1.jpg) center 0 no-repeat;}
.pagebanner2{background: url(../images/pagebanner2.jpg) center 0 no-repeat;}
.pagebanner3{background: url(../images/pagebanner3.jpg) center 0 no-repeat;}
.pagebanner4{background: url(../images/pagebanner4.jpg) center 0 no-repeat;}
.pagebanner5{background: url(../images/pagebanner5.jpg) center 0 no-repeat;}
.pagetitle{width: 100%;height: 38px;margin-top: 478px;display: flex;justify-content: space-between;}
.pagetitle .left{color: #fff;display: flex;align-items: center;height: 38px;}
.pagetitle .left .sp1{font-size: 36px;display: block;line-height: 38px;}
.pagetitle .left .sp2{font-size: 24px;display: block;line-height: 30px;}
.pagetitle .right{line-height: 38px;font-size: 16px;color: #fff;}
.pagetitle .right a{text-decoration: none;color: #fff;}
.page{min-height: 400px;overflow: hidden;margin-top: 50px;}
.about-content{width: 100%;height: auto;overflow: hidden;}
.prod-navbg{height: 111px;background: url(../images/prodnav.jpg) 0 0 repeat-x;}
.prod-navbg .w1400{position: relative;overflow: visible;}


.prod-nav{width: 100%;height: 55px;}
.prod-nav li{width: auto;height: 55px;padding: 0 2px;margin-right: 47px;float: left;}
.prod-nav li a{text-decoration: none;}
.prod-nav li .a1{text-decoration: none;line-height: 55px;color: #fff;}
.prod-navbg .subnav{position: absolute;
    width: 1400px;
    height: 40px;
    top: 55px;
    left: 0;
    background-color: #0066cb;
    display: none;}
.prod-navbg .subnav .a2{
    padding: 0 10px;
    margin-right: 10px;
    line-height: 40px;
    color: #fff;
}
.prod-nav .active .subnav{
    display: flex
}

.prod-nav2{width: 100%;height: 55px;}
.prod-nav2 li{width: auto;height: 55px;padding: 0 2px;margin-right: 47px;float: left;}
.prod-nav2 li a{text-decoration: none;line-height: 55px;color: #fff;}

.prodlistbg{min-height: 500px;overflow: hidden;}
.prodlist{width: 100%;height: auto;display: flex;flex-wrap: wrap;margin-top: 16px;}
.prodlist li a{text-decoration: none;display: block;}
.prodlist li{width: 260px;height: 300px;margin-right: 25px;margin-bottom: 20px;}
.prodlist li:nth-child(5n){margin-right: 0;}
.prodlist li img{width: 100%;height: 260px;}
.prodlist li span{width: 100%;height: 40px;line-height: 40px;text-align: center;background-color: #0066cb;color: #fff;display: block;}

.pagepiclist{width: 100%;height: auto;display: flex;flex-wrap: wrap;margin-top: 16px;justify-content: center;}
.pagepiclist li a{text-decoration: none;display: block;}
.pagepiclist li{width: 375px;height:250px;margin-right: 25px;margin-bottom: 20px;}
.pagepiclist li:nth-child(3n){margin-right: 0;}
.pagepiclist li img{width: 100%;height: 250px;}
.pagepiclist li span{width: 100%;height: 40px;line-height: 40px;text-align: center;background-color: #0066cb;color: #fff;display: block;}


.newslist2{width: 100%;height: auto;overflow: hidden;border-top: 1px dotted #dcdcdc;}
.newslist2 li{width: 100%;height: 220px;border-bottom: 1px dotted #dcdcdc;overflow: hidden;}
.newslist2 li a{text-decoration: none;color: #333;overflow: hidden;}
.newslist2 li .newslist-top{margin-top: 27px;width: 100%;display: flex;justify-content: space-between;align-items: center;height: 43px;}
.newslist2 li .newslist-top h1{font-size: 24px;font-weight: bold;color: #2f3030;line-height: 43px;}
.newslist2 li .newslist-top .sp1{color: #919393;font-size: 24px;}
.newslist2 li  .sp2{color: #919393;font-size: 18px;line-height: 33px;margin-top: 11px;display: block;}
.newslist2 li  .sp3{color: #0066cb;font-size: 16px;line-height: 27px;margin-top: 18px;display: block}
.contact{width: 100%;height: 636px;background-color: #0066cb;display: flex;margin-bottom: 50px;}
.contact .map{width: 970px;height: 636px;}
.contact .contact-cont{width: 430px;box-sizing: border-box;padding: 0 25px;color: #fff!important;}

.newspage{width:100%;float:left;min-height:500px;}
.newshow-top{text-align:center;width:100%;height:auto;overflow:hidden;float:left;}
.newshow-top h1{font-size:24px;margin-top:18px;height:auto;display:block;width:100%;line-height:30px;float:left;color:#333333}
.newshow-top span{font-size:12px;color:#888888;line-height:26px;display:block;float:left;width:100%;margin-top:3px;margin-bottom:10px}
.fengexian1{border-bottom:1px solid #ebebeb;float:left;width:100%;}
.newshow-ct{padding-bottom:27px;color:#555555;float:left;margin-left:15px;margin-right:10px;padding-top:15px;overflow:hidden;}
.newshow-bot{width:100%;position:relative;margin-bottom:5px;float:left;overflow:hidden;margin-top:10px;margin-bottom:10px;}
.newshow-bot span{color:#666666;font-size:13px;display:block;width:550px;margin-top:3px;line-height:20px;margin-left: 15px;}
.newshow-bot span a{color:#666666;text-decoration:none;}
.newshow-bot span a:hover{color:#407aee;}

.prodpage{width: 1032px;min-height: 403px;background-color: #f6f6f6;border-radius: 5px;margin: 39px auto 0 auto;}
.prodpage-cont{width: 100%;height: auto;overflow: hidden;}
.prodpage-cont h1{display: block;width: 100%;line-height: 50px;color: #333;font-size: 24px;text-align: center;}
.prodpage .left{width: 372px;float: left;margin-left: 47px;height: 302px;margin-top: 54px}
.prodpage .left img{width: 372px;height: 302px}
.prodpage .right{width: 511px;float: right;margin-right: 47px;margin-top: 54px;}
.prodpage .right h1{display: block;width: 100%;line-height: 50px;color: #333;font-size: 24px;}
.prodpage .right span{display: block;width: 100%;line-height: 29px;margin-top: 10px;color: #686868}